* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
.cont {
position: relative;
min-width: 1200px;
}
.head {
width: 100%;
min-width: 1200px;
position: relative;
}
.back {
width: 100%;
min-width: 1200px;
height: 100vh;
background-size: cover;
background-position:center;
/* background: url(../img/banner.jpg) no-repeat;*/
}
.nav .logo .log_two {
display: none;
}
.nav {
height: 75px;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
border-bottom: 1px solid #dfdfdf;
}
.navs {
height: 75px;
background: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
border-bottom: 1px solid #dfdfdf;
}
.nav .nav_con {
width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.navs .nav_con {
width: 1200px;
height: auto;overflow: hidden;
margin: 0 auto;
}
.logo {
float: left;
margin-top: 14px;
height: 44px;
}
.logo img {
width: 100%;
}
.nav .blak li a {
color: #fff !important;
}
.nav ul {
float: right;
}
.navs ul {
float: right;
}
.on a {
background: #0f6eba;
border-radius: 3px;
color: #fff !important;
}
.nav ul li {
display: inline;
margin-right: 15px;
}
.nav ul li a {
line-height: 75px;
padding: 7px 10px;
color: #fff;
}
.navs ul li {
display: inline;
margin-right: 15px;
}
.navs ul li a {
line-height: 75px;
padding: 7px 10px;
color: #000;
}
.nav ul li:nth-last-child(1) {
margin-right: 0;
}
.navs ul li:nth-last-child(1) {
margin-right: 0;
}
.con {
width: 750px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -375px;
margin-top: -40px;
}
.con .text {
font-size: 47px;
color: #fff;
text-align: center;
}
.con .con_icon {
color: #fff;
font-size: 15px;
display: inline-block;
width: 140px;
height: 48px;
line-height: 48px;
text-align: center;
background: #4b4b4f;
border-radius: 50px;
margin-top: 45px;
}
.con .con_on {
margin-left: 169px;
margin-right: 45px;
background: #d05b06;
}
.icon_rg {
position: fixed;
right: 50px;
top: 380px;
z-index: 99;
}
.icon_rg ul li {
width: 10px;
height: 10px;
border-radius: 50%;
background: #73757f;
margin-bottom: 26px;
}
.icon_rg .icon_on {
background: #005ba4;
}
.backs {
width: 100%;
min-width: 1200px;
height: 100vh;
background: url(../img/back_01.jpg) no-repeat;
}
.nav_two {
height: 75px;
line-height: 75px;
}
.nav_two .nav_con {
min-width: 1200px;
width: 1200px;
margin: 0 auto;
}
.nav .nav_con ul {
float: right;
}
.cont_two .two_con {
position: absolute;
width: 1040px;
height: 340px;
left: 50%;
top: 50%;
margin-left: -520px;
margin-top: -170px;
}
.cont_two .two_con .con_fl {
width: 450px;
height: 340px;
float: left;
}
.cont_two .two_con .con_fl img {
width: 100%;
height: 100%;
}
.two_con .con_rg {
float: left;
margin-left: 60px;
padding-top: 35px;
}
.two_con .con_rg .text_one {
font-size: 40px;
color: #666666;
letter-spacing: 3px;
}
.two_con .con_rg .text_one span {
font-weight: bold;
}
.two_con .con_rg ul {
margin-top: 64px;
}
.two_con .con_rg ul li {
font-size: 16px;
color: #666666;
position: relative;
padding-left: 20px;
margin-bottom: 15px;
}
.two_con .con_rg ul li::before {
content: "";
position: absolute;
width: 3px;
height: 3px;
background: #ff6d00;
transform: rotate(45deg);
top: 9px;
left: 7px;
}
.two_con .con_rg .text_two {
color: #095491;
font-size: 16px;
}
.back_hui {
width: 100%;
min-width: 1200px;
height: 100vh;
background: #f8f8f8;
}
.head .con_thr {
position: absolute;
width: 960px;
height: 460px;
left: 50%;
top: 50%;
margin-left: -480px;
margin-top: -230px;
}
.head .con_thr .text_thr {
font-size: 40px;
color: #5c5c5c;
text-align: center;
}
.head .con_thr .text_thr span {
font-weight: bold;
}
.head .con_thr .new_fl {
float: left;
width: 385px;
margin-top: 155px;
margin-left: 30px;
}
.head .con_thr .new_fl .new_text1 {
color: #0f6eba;
font-size: 16px;
margin-bottom: 58px;
}
.head .con_thr .new_fl .new_text2 {
color: #666666;
font-size: 16px;
line-height: 35px;
}
.head .con_thr .new_rg {
float: right;
width: 425px;
height: 278px;
margin-top: 125px;
}
.head .con_thr .new_rg img {
width: 100%;
height: 100%;
}
.ban_item{
/* max-height: 600px;*/
}
.backes {
width: 100%;
min-width: 1200px;
height: 100vh;
background: url(../img/back_02.jpg) no-repeat;
}
.con_four {
position: absolute;
width: 1060px;
height: 404px;
left: 50%;
top: 50%;
margin-left: -530px;
margin-top: -180px;
}
.con_four .text_four {
font-size: 40px;
color: #5c5c5c;
text-align: center;
}
.con_four .text_four span {
font-weight: bold;
}
.con_four .design_fl {
float: left;
margin-top: 123px;
position: absolute;
z-index: 5;
}
.con_four .design_fl .des_icon {
width: 60px;
height: 60px;
background: rgba(231,240,248,.5);
position: absolute;
bottom: -30px;
right: -25px;
z-index: -1;
}
.con_four .design_fl .des_icon1 {
width: 40px;
height: 65px;
position: absolute;
background: rgba(166,201,229,.5);
bottom: -12px;
right: -16px;
z-index: 10;
}
.con_four .design_rg {
float: right;
width: 573px;
margin-top: 170px;
color: #666666;
font-size: 15px;
line-height: 33px;
}
.backes_one {
width: 100%;
min-width: 1200px;
height: 100vh;
background: #fff;
}
.con_five {
width: 1200px;
height: 680px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -600px;
margin-top: -340px;
}
.con_five .corso_con {
width: 100%;
min-width: 1200px;
height: 604px;
padding-left: 70px;
background: url(../img/tixin.jpg) no-repeat;
}
.con_five .corso_con .cor_tit {
font-size: 40px;
color: #666666;
padding-top: 170px;
letter-spacing: 3px;
margin-bottom: 60px;
}
.con_five .corso_con .cor_tit span {
font-weight: bold;
}
.con_five .corso_con .corso_text {
font-size: 15px;
color: #666666;
position: relative;
margin-left: 10px;
margin-bottom: 20px;
}
.con_five .corso_con .corso_text::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #ff6d00;
position: absolute;
top: 9px;
left: -10px;
}
.con_five .corso_con .corso_fl {
width: 495px;
float: left;
}
.con_five .corso_con .corso_fl .cor_text {
margin-top: 50px;
color: #666666;
font-size: 17px;
}
.con_five .corso_con .corso_rg {
float: right;
margin-right: 120px;
margin-top: 50px;
}
.con_six {
width: 1200px;
height: 390px;
position: absolute;
left: 50%;
top: 55%;
margin-left: -475px;
margin-top: -195px;
}
.con_six .batch_fl {
float: left;
width: 418px;
position: relative;
}
.con_six .batch_fl .batch_sub {
margin-top: 62px;
}
.con_six .batch_fl .batch_sub p {
position: absolute;
}
.con_six .batch_fl .batch_sub p:nth-child(1) {
width: 138px;
height: 4px;
background: #ebdedc;
}
.con_six .batch_fl .batch_sub p:nth-child(2) {
width: 138px;
height: 4px;
background: #eeafaf;
left: 138px;
bottom: 20px;
}
.con_six .batch_fl .batch_sub p:nth-child(3) {
width: 138px;
height: 4px;
right: 0;
background: #f7ecc7;
}
.con_six .batch_rg {
float: left;
width: 435px;
margin-left: 95px;
margin-top: 88px;
}
.con_six .batch_rg .bat_tit {
color: #666666;
font-size: 40px;
}
.con_six .batch_rg .bat_tit span {
font-weight: bold;
}
.con_six .batch_rg .bat_text {
color: #666666;
font-size: 16px;
margin-top: 47px;
}
.con_seven {
width: 1110px;
height: 610px;
position: absolute;
left: 50%;
top: 55%;
margin-left: -550px;
margin-top: -305px;
}
.con_seven .sev_title {
color: #666666;
font-size: 40px;
}
.con_seven .sev_title span {
font-weight: bold;
}
.con_seven .sev_desc {
font-size: 16px;
margin-top: 30px;
color: #666666;
}
.con_seven .sev_con .sev_fl {
float: left;
width: 370px;
}
.con_seven .sev_con .sev_fl ul {
margin-top: 133px;
}
.con_seven .sev_con .sev_fl ul li {
float: left;
width: 96px;
height: 36px;
border-radius: 50px;
border: 1px solid #0f6eba;
text-align: center;
line-height: 36px;
color: #0f6eba;
margin-right: 25px;
margin-bottom: 30px;
cursor: pointer;
}
.con_seven .sev_con .sev_fl .sev_on {
background: #0f6eba;
color: #fff;
}
.con_seven .sev_con .sev_fl ul li:nth-child(3) {
margin-right: 0;
}
.con_seven .sev_con .sev_rg {
float: right;
width: 710px;
/* display: none;*/
overflow: hidden;
height: 550px;
}
.sev_xk {
width: 710px;
height: auto;
overflow: hidden;
float: right;
cursor: pointer;
}
.sev_rgk {
width: 710px;
height: 0;
overflow: hidden;
}
.sev_rgk:nth-child(1) {
width: 710px;
height: 550px;
overflow: hidden;
}
.sev_xk {
margin-top: -30px;
}
.con_seven .sev_con .sev_xk .active {
display: block;
}
.con_seven .sev_con .sev_rg ul {
/* margin-top: 90px;*/
}
.con_seven .sev_con .sev_rg ul li img {
/* float: left;*/
/* margin-bottom: 22px;*/
/* margin-right: 20px;*/
cursor: pointer;
width: 300px;
height: 200px;
overflow: hidden;
}
.con_seven .sev_con .sev_rg ul li:nth-child(2n) {
margin-right: 0;
}
.backes_thr {
width: 100%;
min-width: 1200px;
height: 765px;
background: url(../img/back_03.jpg) no-repeat;
}
.con_eight {
width: 800px;
height: 500px;
position: absolute;
left: 50%;
top: 26%;
margin-left: -400px;
}
.con_eight .eig_tit {
text-align: center;
font-size: 40px;
color: #666666;
}
.con_eight .eig_tit span {
font-weight: bold;
}
.con_eight .eig_con {
margin-top: 85px;
position: relative;
width: 800px;
height: 350px;
overflow: hidden;
}
.con_eight .eig_con ul {
/* display: none;*/
/*
position: absolute;
width: 800px;
height: 300px;
overflow: hidden;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; cubic-bezier(0.25,0.1,0.25,1)
*/
}
.con_eight .eig_con .active {
/* display: block;*/
}
.con_eight .eig_con ul li {
/* width: 138px;*/
/* float: left;*/
/* margin-right: 80px;*/
/* margin-bottom: 30px;*/
height: 132px;
}
.con_eight .eig_con ul li:nth-child(4n) {
/* margin-right: 0;*/
}
.con_eight .eig_con ul li img {
/*
display: block;
margin: 0 auto;
*/
}
.con_eight .eig_con .eig_textone {
text-align: center;
font-size: 14px;
color: #000;
margin-top: 10px;
margin-bottom: 5px;
}
.con_eight .eig_con .eig_texttwo {
text-align: center;
font-size: 13px;
color: #666666;
margin-bottom: 5px;
}
.con_eight .eig_icon {
text-align: center;
margin-top: 30px;
}
.con_eight .eig_icon li {
/*
display: inline-block;
width: 40px;
height: 4px;
background: #d0d0d0;
margin-right: 20px;
cursor: pointer;
*/
}
.con_eight .eig_icon .eig_on {
background: #348dd5;
}
.footer {
width: 100%;
min-width: 1200px;
height: 200px;
background: #4d4d4d;
}
.footer .foot {
width: 900px;
margin: 0 auto;
}
.footer .foot .erweima {
padding-top: 60px;
float: left;
}
.footer .foot .foot_rg {
float: right;
margin-top: 45px;
}
.footer .foot .foot_rg p {
font-size: 15px;
color: #9fa1a5;
margin-bottom: 5px;
}
.con_sevenimg {
width: 100%;
height: 100%;
position: fixed;
z-index: 99;
top: 0;
left: 0;
display: none;
box-sizing: border-box;
/* padding-top: 5vh;*/
background: rgba(76,76,76,.5);
}
.con_sevenimg .img_con_seven {
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;/* margin-top: 25vh;*/
}
.con_sevenimg .img_con_seven img {
max-width: 100%;
max-height: 100%;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*new-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.youshi {
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
height: auto;
overflow: hidden;
position: relative;
}
.youshik {
width: 1400px;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
position: relative;
}
.tit {
width: 100%;
height: auto;
overflow: hidden;
text-align: center;
margin-bottom: 50px;
}
.tit h1 {
font-weight: 400;
font-size: 30px;
color: #555555;
margin-bottom: 22px;
}
.tit h2 {
font-weight: 400;
font-size: 16px;
color: #AAAAAA;
text-transform: uppercase;
display: none;
}
.tit h2 span {
display: inline-block;
width: 85px;
height: 1px;
background-color: #DDDDDD;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 5px;
margin-top: -10px;
}
.youshi_list {
width: 100%;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
position: relative;
}
.youshi_item {
float: left;
position: relative;
width: calc(14.28% - 20px);
/* height: 0%;*/
padding-top: 42.84%;
border-radius: 15px;
box-sizing: border-box;
text-align: center;
margin-right: 20px;
position: relative;
overflow: hidden;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
background-size: cover;
background-position: center;
}
.youshi_item.on {
width: 42.84%;
box-sizing: border-box;
}
.youshi_item:last-child {
margin-right: 0;
}
.youshi_icon {
width: 60px;
height: 69px;
background-image: url(../images/liubianxing.png);
overflow: hidden;
/* margin-top: 190%;*/
margin-top: 230px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.youshi_icon img {
width: 30px;
height: 30px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.youshi_item h1 {
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFEFE;
margin-bottom: 17px;
}
.youshi_item p {
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 18px;
/* display: none;*/
opacity: 0;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.youshi_item.on .youshi_icon {
/* margin-top: 40%;*/
margin-top: 180px;
}
.youshi_item.on h1{
font-size: 22px;
}
.youshi_item.on p {
font-size: 16px;
opacity: 1;
}
.youshi_huibg {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0,0,0,0.4);
left: 0;
top: 0;
box-sizing: border-box;
padding-left: 25px;
padding-right: 25px;
}
.youshi_item.on .youshi_huibg {
padding-left: 50px;
padding-right: 50px;
}
.high {
width: 100%;
height: 910px;
overflow: hidden;
background-color: #EEEEEE;
/*
padding-top: 100px;
padding-bottom: 100px;
*/
box-sizing: border-box;
}
.highk {
width: 1200px;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.high_list {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.high_item {
float: left;
width: 50%;
box-sizing: border-box;
/* padding-left: 130px;*/
padding-right: 130px;
text-align: center;
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 26px;
}
.high_item p{
text-align: left;
}
.high_item:nth-child(2) {
padding-left: 130px;
padding-right: 0px;
text-align: center;
/* border-left: solid 2px #ECAA3D;*/
}
.high_item:nth-child(2) p{
text-align: left;
}
.high_xian {
background: linear-gradient(0deg, #ECAA3D, #EC7E40);
width: 2px;
height: 100%;
position: absolute;
left: 50%;
/* display: none;*/
}
.high_item h1 {
margin-bottom: 25px;
font-weight: 400;
font-size: 26px;
line-height: 28px;
color: #666666;
}
.ruanjian {
width: 100%;
height: auto;
overflow: hidden;
/*
padding-top: 100px;
padding-bottom: 100px;
*/
}
.ruanjiank {
width: 1400px;
height: 900px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.ruanjian_list {
width: 100%;
height: auto;
overflow: hidden;
}
.ruanjian_item {
width: calc(33.33% - 35px);
height: 530px;
overflow: hidden;
float: left;
background-color: #F6F6F6;
margin-right: 17px;
margin-left: 18px;
}
.ruanjian_item:last-child {
margin-right: 0;
}
.ruanjian_itemk {
padding-left: 30px;
padding-right: 30px;
width: 100%;
box-sizing: border-box;
height: auto;
overflow: hidden;
padding-top: 28px;
}
.ruanjian_item h1 {
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: #444444;
margin-bottom: 18px;
}
.ruanjian_item span {
margin-bottom: 18px;
width: 25px;
height: 3px;
background-color: #999999;
display: block;
margin-left: 0;
}
.ruanjian_item p {
font-weight: 400;
font-size: 14px;
color: #999999;
overflow: hidden;
text-align: justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.ruanjian_item img{
width: 100%;
display: block;
height: 260px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.ruanjian_item:hover img{
transform: scale(1.05);
}
.zizhi {
width: 100%;
height: auto;
overflow: hidden;
background-color: #f6f6f6;
}
.zizhik {
width: 1400px;
height: 840px;
overflow: hidden;
position: relative;
margin-left: auto;
margin-right: auto;
}
.zizhi_tit {
width: 840px;
height: 280px;
overflow: hidden;
box-sizing: border-box;
padding-top: 90px;
position: absolute;
top: 280px;
left: 280px;
background-color: #efefef;
}
.zizhi_tit h1 {
font-weight: 400;
font-size: 28px;
color: #333333;
margin-bottom: 20px;
text-align: center;
}
.zizhi_tit h1 span {
width: 6px;
height: 22px;
background-color: #005ec2;
margin-right: 10px;
margin-bottom: -2px;
display: inline-block;
}
.zizhi_tit h1 span i {
width: 6px;
height: 6px;
background-color: #02caff;
display: block;
}
.zizhi_tit p {
font-weight: 400;
font-size: 14px;
color: #87898A;
line-height: 22px;
text-align: center;
}
.youxia {
width: 120px;
height: 120px;
position: absolute;
right: 0;
bottom: 0;
background-color: #1d6bc3;
color: #fff;
}
.youxia_lt {
background-color: #2470c5;
width: 42px;
height: 42px;
margin-bottom: 10px;
margin-left: 0;
}
.youxia_rb {
width: 100%;
height: auto;
overflow: hidden;
text-align: right;
font-size: 12px;
line-height: 17px;
box-sizing: border-box;
padding-right: 15px;
padding-top: 8px;
}
.zizhi_tips{
position: absolute;
right: 0;
bottom: 0;
font-size: 16px;
color:#aaa;
padding-bottom: 20px;
padding-right: 20px;
}
.zizhi_item {
height: 280px;
width: 560px;
float: left;
cursor: pointer;
position: relative;
}
.zizhi_img {
width: 280px;
height: 280px;
float: left;
background-size: 50% auto;
background-position: 60px 60px;
background-repeat: no-repeat;
background-color: #fff;
opacity: 0.7;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: relative;
}
.zizhi_txt {
width: 280px;
padding-left: 15px;
padding-right: 15px;
/* float: left;*/
/* padding: 20px;*/
overflow: hidden;
bottom: 0;
position: absolute;
left:0;
/* background-color: rgba(0,0,0,0.5);*/
background-color: #ddd;
/* opacity: 0;*/
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.zizhi_txt h1 {
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #444;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.zizhi_txt p {
font-weight: 400;
font-size: 14px;
color: #999;
line-height: 20px;
text-align: justify;
}
.zizhi_item:nth-child(3) {
height: 560px;
width: 280px;
position: absolute;
right: 0;
top: 0;
}
/*
.zizhi_item:nth-child(4) {
height: 280px;
width: 560px;
position: absolute;
right: 0px;
top: 280px;
}
*/
.zizhi_item:nth-child(4) {
height: 560px;
width: 280px;
position: absolute;
left: 0;
bottom: 0;
}
.zizhi_item:nth-child(4) .zizhi_img {
position: absolute;
top: 280px;
left: 0;
}
/*
.zizhi_item:nth-child(4) .zizhi_txt {
position: absolute;
top: 0;
left: 0;
}
*/
.zizhi_item:nth-child(5) .zizhi_img, .zizhi_item:nth-child(6) .zizhi_img {
position: absolute;
top: 0;
left: 280px;
}
/*
.zizhi_item:nth-child(5) .zizhi_txt, .zizhi_item:nth-child(6) .zizhi_txt {
position: absolute;
top: 0;
left: 0px;
}
*/
.zizhi_item:nth-child(5) {
margin-left: 280px;
}
.zizhi_item:nth-child(5), .zizhi_item:nth-child(6) {
margin-top: 280px;
position: relative;
}
/*
.zizhi_item:hover .zizhi_txt {
opacity: 1
}
*/
.zizhi_item:hover .zizhi_img {
opacity: 1
}
.foot{
width: 100%;
height: auto;
overflow: hidden;
padding-top: 0px;
background-color: #222222;
color:#646464;
}
.footk{
width: 1200px;
height: auto;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}
.foot_r{
float: right;
width: 50%;
height: auto;
overflow: hidden;
padding-bottom: 10px;
}
.foot_l{
float: left;
width: 45%;
height: auto;
overflow: hidden;
}
.foot_b{
width: 100%;
height: auto;
overflow: hidden;
clear: both;
border-top: 1px solid #2d2d2d;
padding: 15px 0;
}
.foot_lh1{
font-size: 22px;
line-height: 1.4em;
color: #ffffff;
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid #2d2d2d;
display: none;
}
.foot_ltel{
display: inline-block;
vertical-align: top;
background: var(--linear-color);
-webkit-background-clip: text;
font-size: 28px;
line-height: 1em;
color: transparent;
font-weight: bold;
--linear-color: linear-gradient(124deg, #ebb13c, #ed7841);
--linear-color-h: linear-gradient(-124deg, #ebb13c, #ed7841);
margin-bottom: 10px;
}
.foot_laddress{
margin-bottom: 15px;
font-size: 14px;
line-height: 22px;
}
.lx_btn{
width: 130px;
height: 40px;
border-radius: 20px 20px 20px 0;
background: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%);
/* background: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#f67524, #f67524);*/
padding-left: 10px;
box-sizing: border-box;
font-size: 15px;
line-height: 40px;
color: #fff;
float: right;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
display: none;
}
.lx_btn:hover{
background: linear-gradient(-34deg, #ebb13c 0%, #ed7841 100%);
/* background: linear-gradient(-34deg, #ebb13c 0%, #ed7841 100%), linear-gradient(#f67524, #f67524);*/
}
.lx_btn a{
color: #fff;
}
.lx_btn span{
/*
width: var(--m-h);
height: var(--m-h);
*/
width: 40px;
height: 40px;
--size: 50%;
--fill: #ffffff;
display: flex;
align-items: center;
justify-content: center;
float: left;
}
.lx_btn svg{
width: var(--size);
height: var(--size);
fill: var(--fill);
}
.foot_br{
float: right;
}
.ewmk{
width: 100%;
height: auto;
overflow: hidden;
font-size: 12px;
}
.ewm{
float: right;
width: 80px;
text-align: center;
/* line-height: 40px;*/
margin-left: 15px;
}
.ewm img{
display: block;
width: 100%;
margin-bottom: 10px;
}